$(function() {
  var all_url = 'http://api20.scsj.net.cn';
  var token = $.cookie('token');
  var userId = $.cookie('userId');
  var phoneReg = /^1[3|4|5|7|8][0-9]{9}$/;
  var bankReg = /^([1-9]{1})(\d{15}|\d{18})$/;
  var bankNameReg = /^[\u4e00-\u9fa5a-zA-Z]+$/;
  // 手机号码正则
  var phoneReg = /^1[3|4|5|7|8][0-9]{9}$/;
  var arr = [],
    arr_icon = [];
  $.toast.prototype.defaults.duration = 800;

  // 获取用户已提交银行卡信息
  $.ajax({
    type: 'post',
    url: all_url + '/user/userbank.do',
    data: {
      token: token
    },
    success: function(data) {
      if (data.code == 200) {
        if (data.result) {
          data = data.result
          console.log(data);
          $("#bank_icon").show();
          $("#bank_icon").attr("src", data.icon);
          $('#bankName').val(data.bank_name)
          $('#phone').val(data.mobile)
          $('#cardName').val(data.card_name)
          $('#bankCard').val(data.card_no)
          if (data.state == '待审核') {
            $.toast('审核中，请耐心等待', 'text')
            $('input').attr('disabled', true);
            $('#btn').css('background-color', "#ccc");
          } else if (data.state == '审核未通过') {
            $.toast('审核未通过，请重新填写认证', 'text')
            $('#btn').attr('disabled', false)
          } else {
            $.toast('审核已通过', 'text')
            $('#btn').attr('disabled', false)
          }
        }
      }
    }
  })

  // 获取合作银行信息
  $.ajax({
    type: "get",
    url: all_url + "/banks.do",
    success: function(data) {
      data = data.result;
      console.log(data);
      $(data).each(function(i, v) {
        arr.push(v.name);
        arr_icon.push(v.icon);
        return [arr, arr_icon];
      })
    }
  })

  // 点击选择银行
  $("#cardName").picker({
    title: "请选择银行",
    cols: [{
      textAlign: 'center',
      values: arr,
    }]
  });

  // 选择银行出现相同图标
  $("#cardName").change(function() {
    $(arr).each(function(i) {
      if ($("#cardName").val() == arr[i]) {
        $("#bank_icon").show();
        $("#bank_icon").attr("src", arr_icon[i]);
      }
    })
  })

  // 去掉用户输入的空格或者横线
  String.prototype.NoSpace = function() {
    return this.replace(/[\s|-]+/g, "");
  }
  $("#telephone").change(function() {
    var val = $("#phone").val().NoSpace();
    $("#telephone").val(val);
    console.log($("#phone").val().NoSpace());
  })

  // 提交请求
  $('#btn').click(function() {

    // 银行名称
    var cardName = $('#cardName').val()
      // 银行卡办理支行
    var bankName = $('#bankName').val()
      // 电话
    var phone = $('#phone').val()
      // 银行卡卡号
    var bankCard = $('#bankCard').val()

    if (phone == '' || !phoneReg.test(phone)) {
      $.toast('请输入正确的手机号码', 'text')
      return
    } else if (bankCard == '' || !bankReg.test(bankCard)) {
      $.toast('请输入正确的银行卡号', 'text')
      return
    } else if (cardName == '' || !bankNameReg.test(cardName)) {
      $.toast('请输入正确的办理银行卡地址', 'text')
      return
    } else if (bankName == '' || !bankNameReg.test(bankName)) {
      $.toast('请输入正确的银行卡名称', 'text')
      return
    }

    $.ajax({
      url: all_url + '/banks/banksAdd.do',
      type: 'post',
      dataType: 'json',
      data: {
        userId: userId,
        token: token,
        bankname: cardName,
        adreessName: bankName,
        phone: phone,
        bankscode: bankCard
      },
      success: function(data) {
        if (data.code == 200) {
          $.toast('已发送给后台,请耐心等待审核', function() {
            window.location.href = '/h5/templates/personal.html'
          })
        } else {
          $.toast(data.message, 'text')
        }
      },
      error: function() {
        $.toast('提交失败,请稍后再试')
      }
    })
  })
})